<!DOCTYPE html>
<html 	xmlns="http://www.w3.org/1999/xhtml"
		xmlns:th="http://www.thymeleaf.org"
	 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  		layout:decorator="app/layout/layout"
  		xmlns:dt="http://github.com/dandelion/datatables">

<head >

	<!-- 	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" -->
	<!-- 	layout:decorator="/layouts/layout"> -->
	
	<!-- <head th:include="base/thymeleaf/layout :: headerFragment"> -->
	<meta charset="utf-8" />
	<title>Listado de mis Módulos</title>

</head>

<body>

	<section layout:fragment="content">

		<div class="container">
			<br /> <br />
			<!-- 		<div class="jumbotron"> -->
			<form id="grillaForm" th:object="${grillaProyectos}"
				class="custom-form" th:action="@{'/modulos/editar-modulo'}"
				th:method="@{'POST'}">
				
				<input type="hidden" th:id="@{'randomReportId'}" th:name="@{'randomReportId'}" value=""/>

				<div class="panel panel-primary lg">

					<div class="panel-heading">Listado de Proyects</div>

					<div class="table-responsive">
						<table id="tablaProyectosId" dt:table="true"
							class="table table-striped" dt:dom="'t'">
							<thead>
								<tr>
									<th th:text="@{'Acciones'}"></th>
									<th th:text="@{'Nro.'}"></th>
									<th th:text="@{'Nombre'}"></th>
									<th th:text="@{'Descripcion'}"></th>
									<th th:text="@{'Fecha de Inicio'}"></th>
									<th th:text="@{'Estado'}"></th>
								</tr>
							</thead>
							<tbody>
								<tr class="odd"
									th:if="${#lists.isEmpty(grillaProyectos.proyectos)}">
									<td class="dataTables_empty" valign="top" colspan="8"
										th:text="${'No se encontraron Datos!'}"></td>
								</tr>
								<tr th:each="x, rowStat : ${grillaProyectos.proyectos}">
									<td align="center" width="10%">
										<button type="submit" class="btn btn-primary" name="edit" title="Editar Declaraci&oacute;n Jurada de Bienes"
											th:value="${rowStat.index}" th:onclick="'showEditModal(\'' + ${x.idEncriptado} + '\',\'' + ${x.motivoPresentacion.abreviatura} + '\',\'' +${x.motivoPresentacionOtro} +'\')'"
											data-toggle="modal" data-target="#motivoPresentacionModal" data-th-alt="Editar"
											th:if="${x.estado.abreviatura == 'PEND'}"><span class="glyphicon glyphicon-edit"></span></button>
<!-- 									<button type="submit"  class="btn btn-default" name="print" th:value="${rowStat.index}" th:text="Imprimir" th:if="${x.estado.abreviatura == 'PEND'}">Imprimir</button> -->
										<button type="submit" class="btn btn-primary" name="print" title="Generar PDF e Imprimir Declaraci&oacute;n Jurada de Bienes"
											th:onclick="'printReport(\'' + ${x.idEncriptado} + '\')'" id="printBtn"
											data-th-alt="Imprimir"
											th:if="${x.estado.abreviatura == 'PEND'}"><span class="glyphicon glyphicon-print" data-th-alt="Imprimir"></span></button>
		
									</td>
									
									<td th:text="${x.id}"></td>
									<td th:text="${x.motivoPresentacionUOtroMotivo}"></td>
									<td 
										th:text="${x.fechaPresentacion != null ? #calendars.format(x.fechaPresentacion,'dd/MM/yyyy') : ''}"></td>
									<td class="right"
										th:text="${#numbers.formatDecimal(x.totalActivo, 0, 'COMMA', 2, 'POINT')}"></td>
									<td class="right"
										th:text="${#numbers.formatDecimal(x.totalPasivo, 0, 'COMMA', 2, 'POINT')}"></td>
									<td class="right"
										th:text="${#numbers.formatDecimal(x.totalPatrimonioNeto, 0, 'COMMA', 2, 'POINT')}"></td>
									<td th:text="${x.estado.descripcion}"></td>
									
								</tr>
							</tbody>
							<tfoot>
								<tr>
									<td th:align="right">
										<!-- 						   			<a class="btn btn-primary" role="button" name="new"  -->
										<!-- 							th:if="${#lists.isEmpty(grillaProyectos.proyectos)} or ${!grillaProyectos.pending}" -->
										<!-- 							th:href="@{'/base/admin/grilla/new'}">Cargar Nuevo Proyecto</a> -->
										<button id="nuevaPresBtn" class="btn btn-primary"
											th:if="${#lists.isEmpty(grillaProyectos.proyectos)} or ${!grillaProyectos.pending}" 
											data-toggle="modal" data-target="#motivoPresentacionModal"
											th:align="right">Cargar Nuevo Proyecto</button>
									</td>
								</tr>
							</tfoot>
						</table>
						<div class="right">

							<!-- 						<button type="submit" class="btn btn-primary" name="new" -->
							<!-- 							th:if="${#lists.isEmpty(grillaProyectos.proyectos)} or ${!grillaProyectos.pending}">Cargar Nueva DeclaraciÃ³n</button> -->
						</div>
					</div>
				</div>

			</form>
			<!-- 		</div> -->

			<div
				th:include="base/thymeleaf/motivoPresentacionModal :: motivoPresentacionModal"
				id="motivoPresentacionModalToUpdate"></div>
		</div>
	</section>
	<footer>
		<section layout:fragment="custom-footer">
			<script th:src="@{/js/jquery.fnReloadAjax.js}"></script>
			<script th:src="@{/js/jquery.validate.min.js}"></script>
			<script th:src="@{/js/additional-methods.min.js}"></script>
			<script th:src="@{/js/select2.min.js}"></script>
			<script th:src="@{/js/wysihtml5-0.3.0.js}"></script>
			<script th:src="@{/js/bootstrap-wysihtml5.js}"></script>
			<script th:src="@{/js/ckeditor.js}"></script>
			<script th:src="@{/js/bootstrap-markdown.js}"></script>
			<script th:src="@{/js/markdown.js}"></script>
			<script th:src="@{/js/jquery.inputmask.js}"></script>
			<script th:src="@{/js/jquery.inputmask.numeric.extensions.js}"></script>
			<script th:src="@{/js/jquery.inputmask.regex.extensions.js}"></script>
			<script type="text/javascript">
			function showEditModal(row, tipoPres, tipoPresOtro){
				var frm = $('#motivoPresentacionForm');
				frm.attr('action', '/djb/base/admin/grilla/edit');
				$('#idCabecera').val(row);
				$('#tipoPresentacion'+tipoPres).attr('checked', true);
				if (tipoPres == 'OTRO'){
					$('#xxxx').val(tipoPresOtro);
				}
// 				$('input:radio[name="cabecera.tipoPresentacion.id"]').attr('checked', true);
// 				$('input:radio[name="cabecera.tipoPresentacion.id"]').val(tipoPres);
// 				$('#idCabecera').val(row);
			}

			
			$(document).ready(function() {
				setTimeout($.unblockUI, 1000);
				
			});

			function printReport(randomId){
				var frm = $('#grillaForm');
				frm.attr('action', '/app/imprimir-reporte-proyectos');
				$('#randomReportId').val(randomId);
				frm.submit();
			} 

			</script>
		</section>
	</footer>
</body>
</html>